.pxToRem(@p, @px){
    @{p}: @px / 75 * 1rem;
}
.header{
    .pxToRem(height, 85);
    .pxToRem(line-height, 85);
    .pxToRem(padding-left, 40);
    .pxToRem(padding-right, 40);
    h2{
        .pxToRem(font-size, 32);
        background: url(../images/user_login/left_arrow.png) no-repeat left center;
        text-align: center;
        .pxToRem(background-size, 21);
    }
}
.main{
    .pxToRem(padding-left, 40);
    .pxToRem(padding-right, 40);
    h2{
        .pxToRem(margin-top, 65);
        text-align: center;
    }
    .input{
        .pxToRem(margin-top, 70);
        input{
            border: none;
            .pxToRem(margin-bottom, 30);
            .pxToRem(font-size, 30);
            .pxToRem(padding-left, 10);
            .pxToRem(margin-top, 20);
        }
        span{
            height: 1px;
            width: 100%;
            background: #000;
            display: block;
        }
    }
    .forget_pass{
        float: right;
        .pxToRem(margin-top, 30);
        a{
            color: #000;
        }
    }
    .user_get{
      background: #000;
      color: #fff;
      width: 100%; 
      .pxToRem(height, 82); 
      border: none;
      .pxToRem(margin-top, 65);
    }
}
.foot{
    .pxToRem(margin-top, 300);
    .pxToRem(padding-left, 40);
    .pxToRem(padding-right, 40);
    .other_zh{
        display: flex;
        justify-content: space-between;
        align-items: center;
        span{
            display: block;
            height: 1px;
            width: 30%;
            background: #000;
        }
        p{
            .pxToRem(font-size, 26);
            margin: 0;
        }
    }
    .logos{
        display: flex;
        overflow: hidden;
        justify-content: center;
        align-items: center;
        .zh_logo{
            .pxToRem(margin,50);
            float: left;
            img{
                .pxToRem(width, 122);
                .pxToRem(height, 122);
            }
        }
    }
    
}